body{
    overflow-x:hidden;
}
.all{
    max-width: 7.5rem;
    margin: 0 auto;
    img{
        max-width:7.5rem;
    }
    .top{
        display:flex;
        height: 0.88rem;
        align-items:center;
        width: 100%;
        position:relative;
        font-size:.36rem;
        h2{
           padding:0;
           color:#666;
           font-size:.34rem;
        }
        .top-top{
            display:flex;
            align-items:center;
            a{
                width: 1.5rem;
                display:flex;
                height: 100%;
                color:#333;
                align-items:center;
                .top-t{
                    width: .64rem;
                    height: .6rem;
                    background:url(../img/xiao/tow_icon.png) 0 0 ;
                }
            }
           
            .top-k{
                width: 4.7rem;
                text-align:center;
                line-height:0.88rem;
                height: 100%;
            }
        }
       
        .top-pic{
            width: 1.44rem;
            height: .88rem;
          .pic-img{             
              margin-top:.2rem;
              margin-left:.7rem;
              img{
                  width: 0.32rem;
                  height: 0.32rem;
              }
            }
        }
        .show{
            position: absolute;
            top:.88rem;
            z-index:5;
            display:flex;
            display: none;
            right:0;
            flex-wrap:wrap;
            width: 2.3rem;
            font-size:.30rem;
            height: 3.4rem;
            background:rgba(255,255,255,0.9);
            a{
                height: 0.84rem;
                width: 2.3rem;
                padding-left: .2rem;
                display:flex;
                color:#333;
                align-items:center;
                border-bottom:.01rem solid #fff;
                img{
                    height: 0.35rem;
                }
                span{
                    margin-left:.3rem;
                }
            }
        }
    }
    .floor.fixed{
        position: fixed;
        top:0;
        left:0;
        z-index:50;

    }
    .floor{
        padding:.2rem 0;
        height: 0.8rem;
        width: 100%;
        background-color:#fff;
        ul{
            height: 0.4rem;
            display:flex;
            li{
                width: 25%;
                color:#666;
                height: 0.26rem;
                border-right:.01rem solid #666;
                text-align:center;
            }
            li.active{
                color:#bea471;
            }
            li:nth-child(4){
                border-right:none;
            }
        }
    }
    .banner{
        height: 4.8rem;
        ul{
            display:flex;
            height: 100%;
            li img{
                height: 4.8rem;
                width: 7.5rem;
            }
        }
        .swiper-pagination{
            span{
                width: 0.15rem;
                height: 0.15rem;
            }
            span.swiper-pagination-bullet-active{
                background:#fff;
            }
        }
    }
    .con{
        width: 100%;
        margin-bottom:.2rem;
        ul{
            display:flex;
            flex-wrap:wrap;
            li{
                width: 25%;
                height: 2.4rem;
                display:flex;
                font-size:.28rem;
                a{
                    display:flex;
                    flex-direction:column;
                    padding-top:.3rem;
                    align-items:center;
                    color:#333;                    
                    justify-content:space-between;
                    img{
                        width: 1.75rem;
                    }
                }
               
            }
        }
    }
    h3{
        font-size:.44rem;
        font-weight:700;
        position:relative;
        padding: .6rem 0.7rem 0.267rem;
    }
    h3::before{
        content:'';
        width: 0.07rem;
        height: .55rem;
        position: absolute;
        top:.65rem;
        left:.5rem;
        background-color:#000;
    }
    .activeHandle{
        display:flex;
        a{
            display:flex;
            color:#000;
            .left{
                width: 4.4rem;
                height: 3.5rem;
            }
            .right{
                display:flex;
                flex-wrap:wrap;
                width: 3.1rem;
                flex-direction:column;
                align-items:center;
                p{
                   font-size:.44rem;
                   margin-top:.8rem;
                   margin-bottom:.05rem;
                   font-weight:700;
                }
                button{
                    width: 2rem;
                    height: 0.5rem;
                    background-color:#fff;
                    border:.01rem solid;
                    margin-top:.5rem;
                    font-size:.28rem;
                }
            }
        }
    }
    .lun{
        display:flex;
        height: 3.77rem;
        a:nth-child(1){
           padding-left:.3rem;
        }
        a{
            color:#333;
            width: 3.2rem;
            height: 3.85rem;
            padding:.1rem  .3rem 0 0;
            .pic{
                position:relative;
                height: 2.6rem;
            }
            .pic:after{                             
                content: '';
                display: block;
                background-color: rgba(0, 0, 0, 0.03);
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;               
            }
            img{
                width: 2.6rem;
                height: 2.6rem;
            }
            span{
                color:#999;
                font-size:.28rem;
                margin-top:.1rem;
            }
            .case{
                font-size:.26rem;
            }
        }
        div{
            width: 2.6rem;
            height: 2.6rem;
            margin-top:.2rem;
            display:flex;
            margin-right:.5rem;
            justify-content: center;
            align-items:center;
            position:relative;
            background:rgba(0,0,0,.03);

            a{
                font-size:.28rem;
                height: 0.5rem;
                text-align:center;
            }
            a::after{
                content:'';
                width: 1.3rem;
                height: 0.01rem;
                position: absolute;
                z-index:2;
                background-color:#000;
                left:.6rem;
                top:1rem;
            }
            a::before{
                content:'';
                width: 1.3rem;
                height: 0.01rem;
                position: absolute;
                z-index:2;
                background-color:#000;
                left:.6rem;
                top:1.75rem;
            }
            
        }
    }
    .main-box{
        position:relative;
        margin-bottom:.2rem;
        height: 5rem;
        .main-wen{
            position: absolute;
            top:0;
            left:0;
            width: 100%;
            display:flex;
            z-index:2;
            color:#fff;
            flex-direction:column;
            align-items:center;
            p{
                font-size:.48rem;
                margin-top:1.8rem;
                margin-bottom:.1rem;
            }
            a{
                color:#fff;
                width: 3rem;
                height: .6rem;
                margin-top:.2rem;
                font-size:.28rem;
                text-align:center;
                line-height:.6rem;
                border:.01rem solid #fff;
            }
        }
    }
    .lazy{
        padding:0 .3rem;
        display:flex;
        flex-wrap:wrap;
        dl{
            display:flex;
            margin-bottom:.15rem;
            border:.01rem solid #e7e7e7;
            dt{
                width: 3.46rem;
                img{
                    width: 3.46rem;
                }
            }
            dd{
                width: 3.45rem;
                display:flex;
                align-items:flex-start;
                flex-direction:column;
                padding:.8rem .2rem .8rem .4rem;
                p{
                    font-size: 0.28rem;
                    color: #000;
                    line-height: 0.3rem;
                    max-height: 1.6rem;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    margin-bottom: 0.1rem;
                }
                span{
                    font-size:.28rem;
                }
                a{
                    width: 1.5rem;
                    text-align:center;
                    line-height:.4rem;
                    height: .4rem;
                    color:#fff;
                    margin-top:.2rem;
                    background-color:#EA4D4B;
                }
            }
            .lazy-t{
                align-items:flex-end;
                padding-right:.3rem;
            }
        }
       
    }
}